
@import '../../app.less';
.login-modal{
    width: 750rpx;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    .login-box{
        position:fixed;
        width:602rpx;
        padding:0 50rpx;
        height:628rpx;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        background:#ffffff;
        border-radius:16rpx;
        .login-colse{
            color:@main-color;
            font-size:60rpx;
            line-height:52rpx;
            margin:10rpx 0 0 490rpx;
        }
        .login-poster{
            width:228rpx;
            height:224rpx;
            margin:-22rpx auto 30rpx;
            image{
                width:228rpx;
                height:224rpx;
            }
        }
        .login-tip{
            color:@main-color;
            font-size:28rpx;
            line-height:40rpx;
            text-align:center;
            margin: 40rpx 0;
        }
        .login-agreement{
            radio{
                font-size:20rpx;
            }
            .agreement{
                width:440rpx;
                color:#9e9e9e;
                font-size:24rpx;
                line-height:34rpx;
                text{
                    color:#5ab6ff;
                }
            }
        }
        .btn-login{
            color:#ffcd81;
            font-size:28rpx;
            width:100%;
            height:80rpx;
            line-height:80rpx;
            background:linear-gradient(to right,#666666,#2b2b2b);
            box-shadow:0 4rpx 6rpx 0 rgba(89,89,89,1);
            border-radius:4rpx;
            padding:0;
            margin:54rpx auto;
            text-align:center;
        }
    }
}
